<div id="Invitation" data-title="邀请好友">
    <style>@@include('modules/user/Invitation/main.css.min')</style>
    <span class="icon-return" evt="goback"></span>
<div class="container">
    <div class="invitation-title text-center">邀请好友明细</div>
    <div class="invitation-list">
        <div class="all-list">
            <span class="nolist text-center" v-if="friendNum==0">您尚未邀请好友
            </span> 
            <p class="list" v-for="list in friendLists">
                <img class="avatar" v-bind:src="list.avatar" alt="用户头像">
                <span class="name">{{list.nickname}}</span>

                <span class="hasbind" v-if="list.mobile">
                    <span class="mobile">{{list.mobile}}</span>
                    <span class="invite_buy_pack" v-if="list.invite_buy_pack">已开通{{list.pack_price}}元套餐</span>
                    <span class="invite_buy_pack" v-else>尚未开通套餐</span>
                </span> 
                <span class="hasbind lightgray" v-else>尚未绑定手机</span>
                <span class="time">{{updateTime(list.invite_time)}}</span>
            </p>
        </div>
    </div>
    <div class="invitation-button">
        <button class="btn" evt="createInvitation">生成邀请卡</button>
        <p>成功邀请好友，你的成就值+10<br>好友首次付费，您将获得等额赠送</p>
    </div>
</div>
</div>